<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
  <style>
    /* 下拉按钮样式 */
    body{
      background-image:url(static/img/img1.jpg);
    }
    .border{
      text-align: center;
      position: relative;
      top:0px;
      height:100px;


    }
    .dropbtn {
      background-color: #4CAF50;
      color: white;
      padding: 16px;
      font-size: 30px;
      border: none;
      cursor: pointer;
    }

    /* 容器 <div> - 需要定位下拉内容 */
    .dropdown {
      position: relative;
      display: inline-block;

    }

    /* 下拉内容 (默认隐藏) */
    .dropdown-content {
      display: none;
      position: absolute;
      background-color: #f9f9f9;
      min-width: 160px;
      box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    }

    /* 下拉菜单的链接 */
    .dropdown-content a {
      color: black;
      padding: 12px 16px;
      text-decoration: none;
      display: block;
    }

    /* 鼠标移上去后修改下拉菜单链接颜色 */
    .dropdown-content a:hover {background-color: #f1f1f1}

    /* 在鼠标移上去后显示下拉菜单 */
    .dropdown:hover .dropdown-content {
      display: block;
    }

    /* 当下拉内容显示后修改下拉按钮的背景颜色 */
    .dropdown:hover .dropbtn {
      background-color: #3e8e41;
    }
  </style>
</head>
<body>
<div>
  <h1 style="text-align:center;">员工管理系统</h1>
<!--  <h1>欢迎：[[${session.user.uname}]],<a th:href="@{/login}" >退出</a></h1>-->
  <h1>欢迎：你<a th:href="@{/login}" >退出</a></h1>
</div>
<div class="border">
  <div class="dropdown">
    <button class="dropbtn">首页</button>
    <div class="dropdown-content">
      <a th:href="" target="jj">首页</a>
    </div>
  </div>
  <div class="dropdown">
    <button class="dropbtn">信息管理</button>
    <div class="dropdown-content">
      <a th:href="@{userinfo}" target="jj">用户信息完善</a>
      <a target="jj">车辆信息完善</a>
    </div>
  </div>

  <div class="dropdown">
    <button class="dropbtn">管理员管理</button>
    <div class="dropdown-content">
      <a  target="jj">管理员详情</a>
      <a  target="jj">添加管理员</a>
    </div>
  </div>

  <div class="dropdown">
    <button class="dropbtn">部门管理</button>
    <div class="dropdown-content">
      <a href= target="jj">部门详情</a>
      <a href=target="jj">添加部门</a>
    </div>
  </div>
</div>
<div class="right w-80">
  <iframe style="width:99%; height:600px; border:none; " name="jj"
          src=></iframe>
</div>
<div class="clear"></div>
</body>
</html>